@charset "utf-8";

/*banner*/
.banner{ position:relative; z-index:1; }
.banner .item{ height:737px; background-position:center top; background-repeat:no-repeat; background-size:cover}
.banner .item a{ display:block; width:100%; height:100%}
.banner .owl-dots{ text-align:center; position:absolute; bottom:80px; left:0; right:0;}
.banner .owl-dots .owl-dot{ display:inline-block; width:10px; height:10px; border-radius:50%; background-color:#fff; margin:0 6px;}
.banner .owl-dots .owl-dot.active{ background-color:#236889} 
.banner .owl-prev,.banner .owl-next{ display:block; position:absolute; z-index:2;top:50%; width:32px; height:60px; margin-top:-30px; left:50%; overflow:hidden; text-indent:-99px}
.banner .owl-prev{ background:url(../images/ico-prev.png) no-repeat center left; background-size:cover; margin-left:-600px}
.banner .owl-next{ background:url(../images/ico-next.png) no-repeat center left; background-size:cover; margin-left:550px}

.banner .txt{ display:table;width:1200px; margin:0 auto; height:100%}
.banner .txt ul{ display:table-cell; vertical-align:middle; text-align:right; color:#999  }
.banner .txt li{ font-size:24px; padding-right:84px}  
.banner .txt li:nth-child(1){ font-size:34px; color:#236889; margin-bottom:35px; }
.banner .txt li:nth-child(1) span{ color:#f49200}
.banner .txt li em{ display:inline-block; /*max-width:450px;*/ font-style:normal;}
.banner .txt li.more{ font-size:14px; color:#007297; margin-top:30px}
.banner .txt.on ul{ text-align:left;}
.banner .txt.on li{ padding-left:84px}  



.nav-index{ margin-top:-55px; position:relative; z-index:33; }
.nav-index .weap{ position:relative;} 
.nav-index .bd{box-shadow:0 3px 5px #ccc; position:relative; z-index:3; height:110px;}
.nav-index .bd .title{ float:left;height:110px; vertical-align:middle;width:16.66%; background-color:#4fb86b; cursor:pointer; position:relative; z-index:4;} 
.nav-index .bd .title:after{ content:""; display:block; position:absolute; z-index:1;top:0; bottom:0; left:0; right:0;transition: all 0.3s; }
.nav-index .bd .title:hover:after,.nav-index .bd .title.on:after{ background-color:#f49200;top:-5px; bottom:-5px;}
.nav-index .bd .title.t01{ background-color:#236889}
.nav-index .bd .title.t02{ background-color:#2d84ad}
.nav-index .bd .title.t03{ background-color:#44a6d4}
.nav-index .bd .title.t04{ background-color:#61c4f2}
.nav-index .bd .title.t05{ background-color:#77cbf2}
.nav-index .bd .title h3{ position:relative; z-index:4; font-size:20px; color:#fff; font-weight:normal; text-align:right; padding-right:10%; padding-left:35%;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-justify-content:flex-end;justify-content:flex-end; height:100%}
.nav-index .bd .t02 h3{padding-right:4%;}
.nav-index .bd .title i{ display:block; position:absolute; z-index:2; left:0; right:0;top:13.6%; bottom:13.6%; background-repeat:no-repeat; background-size:auto 100%}
.nav-index .bd .title .nav01{ background-image:url(../images/nav01.png);}
.nav-index .bd .title .nav02{ background-image:url(../images/nav03.png);}
.nav-index .bd .title .nav03{ background-image:url(../images/nav02.png);}
.nav-index .bd .title .nav04{ background-image:url(../images/nav04.png);}
.nav-index .bd .title .nav05{ background-image:url(../images/nav05.png);}
.nav-index .bd .title .nav06{ background-image:url(../images/nav06.png);}

.nav-index .bd .sub{ display:none; position:absolute; z-index:1; bottom:110px; left:0; background-color:#fff; padding:2%; padding-bottom:1%;}
.nav-index .bd .brief{ float:left; width:290px; margin-right:12px}
.nav-index .bd .brief .img{ height:165px; overflow:hidden; margin-bottom:10px}
.nav-index .bd .brief .img img{-webkit-transition: -webkit-transform .3s;transition: transform .3s;}
.nav-index .bd .brief .img img:hover{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.nav-index .bd .brief .ms{display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical;   -webkit-line-clamp:4;}
.nav-index .bd .ul{ float:left}
.nav-index .bd .c-3{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-moz-column-gap:25px;-webkit-column-gap:25px;column-gap:25px;}
.nav-index .bd .c-2{-webkit-column-count: 2;-moz-column-count: 2;column-count:2;-moz-column-gap:25px;-webkit-column-gap:25px;column-gap:25px;}
.nav-index .bd .classify{ padding-bottom:20px;break-inside:avoid;-webkit-column-break-inside:avoid;-moz-page-break-inside:avoid;}
.nav-index .bd .classify h3{ color:#236889}
.nav-index .bd .classify li{ line-height:28px}
.nav-index .bd .classify i{ font-style:italic}
.nav-index .bd .sub02{ left:16.7%; right:14%}
.nav-index .bd .sub03{ left:33.3%; right:16.7%}
.nav-index .bd .sub04{ left:36%; right:0}
.nav-index .bd .sub05{ left:33.3%; right:16.7%}
.nav-index .bd .sub06{ left:0; right:0}
.nav-index .bd .sub02 .classify{min-height:200px;}
.nav-index .bd .sub04 .classify{min-height:200px;}
.nav-index .bd .sub06 .ul{max-width:780px;}
.nav-index .m-close{ display:none}

.index-01{ padding:60px 0}
.index-01 .weap{ overflow:hidden}
.plo{ text-align:center; margin-bottom:40px}
.plo h3{ position:relative; font-size:30px; font-weight:normal; margin-bottom:5px}
.plo h3 i{ display:inline-block; padding:0 45px; background-color:#fff; position:relative; z-index:2}
.plo h3:after{ content:""; display:block; position:absolute; z-index:1; height:1px; left:0; right:0;top:50%; background-color:#dddddd}
.plo .en{ display:block; font-size:16px}

.news-index{ margin-left:-15px; margin-right:-15px}
.news-index .items{ width:33.33%; float:left}
.news-index .items .box{ margin:0 15px; border:1px solid #9ecc8b}
.news-index .items:nth-child(2) .box{border:1px solid #9bcbea}
.news-index .items:nth-child(3) .box{border:1px solid #9daadf}
.news-index .items .img{ overflow:hidden; }
.news-index .items img{ display:block; width:100%;-webkit-transition: -webkit-transform .3s;transition: transform .3s;}
.news-index .items:hover img{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.news-index .items h3{ background-color:#9ecc8b; text-align:center; line-height:50px; height:50px; font-size:24px; color:#fff; font-weight:normal; overflow:hidden}
.news-index .items:nth-child(2) h3{background-color:#9bcbea;}
.news-index .items:nth-child(3) h3{background-color:#9daadf;}
.news-index .items h3:before{ content:""; display:inline-block; width:50px; margin-top:-5px;  height:100%; vertical-align:middle; background-position:center; background-repeat:no-repeat; background-size:auto 100%}
.news-index .items:nth-child(1) h3:before{ background-image:url(../images/t01.png)}
.news-index .items:nth-child(2) h3:before{ background-image:url(../images/t02.png)}
.news-index .items:nth-child(3) h3:before{ background-image:url(../images/t03.png)}
.news-index .items ul{ padding:0 20px; height:184px}
.news-index .items li{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height:45px; line-height:45px; border-bottom:1px dashed #e6e6e6; color:#333; font-size:16px}
.news-index .items li a{ font-size:16px}
.news-index .items .more{ text-align:right; padding:0 20px; height:45px; line-height:45px}
.news-index .items .more a{ font-size:16px; color:#9ecc8b}
.news-index .items .more a:hover{ text-decoration:underline}
.news-index .items:nth-child(2) .more a{ color:#9bcbea}
.news-index .items:nth-child(3) .more a{color:#9daadf}
.news-index .items.date li{ position:relative; padding-right:78px;}.news-index .items.date li span{ display:block; position:absolute; z-index:1; right:0;top:0; height:45px; line-height:45px; color:#6f9ab5;font-size:13px;}

.index-02{ background-color:#f9f9f9; padding:50px 0}
.index-02 .plo h3 i{ background-color:#f9f9f9}
.about-index .img{ overflow:hidden; float:left; width:41.2%}
.about-index .img img{ width:100%;-webkit-transition: -webkit-transform .3s;transition: transform .3s;}
.about-index .img img:hover{-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.about-index  .txt{ padding-top:1%}
.about-index  .txt h3{ margin-bottom:20px; font-size:24px; font-weight:normal}
.about-index .txt{ overflow:hidden; float:right; font-size:18px; width:55.4%; line-height:36px}
.about-index .ms{display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-box-orient: vertical;   -webkit-line-clamp: 5; margin-bottom:20px}
.about-index .more a{ display:inline-block; padding-left:5px; padding-right:18px; height:30px; line-height:30px; color:#fff; border-radius:30px; background-color:#565656}
.about-index .more a:hover{ background-color:#f49200}
.about-index .more a:before{ content:"+"; display:inline-block; vertical-align:middle; width:20px; line-height:18px; height:20px; border:1px solid #fff; border-radius:50%; text-align:center; font-size:20px; margin-right:18px; margin-top:-4px}

.index-03{ padding:60px 0; }
.joint-index{ position:relative; margin:0 auto; max-width:90%}
.joint-index .owl-prev,.joint-index .owl-next{ display:block; width:30px; height:55px; overflow:hidden; text-indent:-99px; position:absolute; z-index:1;top:50%; margin-top:-25px; cursor:pointer; background-size:cover; background-repeat:no-repeat}
.joint-index .owl-prev{ background-image:url(../images/ico-prev.png); background-position:center left; left:-55px}
.joint-index .owl-next{ background-image:url(../images/ico-next.png); background-position:center left; right:-55px}
.joint-index .owl-dots{ text-align:center; margin-top:35px;}
.joint-index .owl-dot{ display:inline-block; width:10px; height:10px; background-color:#dddddd; border-radius:50%; margin:0 5px}
.joint-index .owl-dot.active{ background-color:#236889}
 
.joint-index li{ float:left;}









@media (max-width: 1199px){
.banner .item{ height:500px !important; } 
.banner .owl-prev, .banner .owl-next{ left:auto; height:30px; margin-top:-15px; display:none !important}
.banner .owl-prev{ left:10px; margin-left:0}
.banner .owl-next{ margin-left:0; left:auto; right:10px}
.banner .txt{ width:95%}
.banner .txt li{ padding-right:0px}
.banner .txt li:nth-child(1){ font-size:16px; margin-bottom:10px;}
.banner .txt li{ font-size:13px;}
.banner .txt li em{ width:70%}
.banner .txt li.more{ margin-top:20px; font-size:12px}
.banner .owl-dots{ bottom:10px}
.banner .txt.on ul{ text-align:left;}
.banner .txt.on li{ padding-left:0px}  

.nav-index{ margin-top:0; }
.nav-index .weap{ margin-left:0; margin-right:0; padding:0}
.nav-index .bd .title{ width:33.33%; height:70px;}
.nav-index .bd .title h3{ font-size:16px; padding-right:10px}
.nav-index .bd{ height:140px}
.nav-index .bd .title i{ background-size:auto 80%; background-position:center left}
.nav-index .bd .title:hover:after, .nav-index .bd .title.on:after{top:0; bottom:0}
.plo{ margin-bottom:20px}
.plo h3{ font-size:20px; margin-bottom:0}
.plo h3 i{ padding:0 20px}
.plo .en{ font-size:14px}
.index-01{ padding:20px 10px}
.news-index .items{ width:auto; float:none; margin-bottom:10px}
.news-index .items h3{ height:40px; line-height:40px; font-size:16px}
.news-index .items ul{ padding:0 10px}
.news-index .items li { font-size:15px}
.news-index .items li a{ font-size:15px}
.news-index .items .more a{ font-size:15px}
.index-02{ padding:20px 10px; background-color:#fff}
.index-02 .plo h3 i{ background-color:#fff}
.about-index .img{ float:none; width:auto; margin-bottom:10px}
.about-index .txt{ width:auto; float:none}
.about-index  .txt h3{ font-size:20px; margin-bottom:10px}
.about-index .txt{ font-size:14px; line-height:24px}
.about-index .more{ text-align:center}

.index-03{ padding:20px 10px; }
.joint-index .owl-prev, .joint-index .owl-next{ height:30px; margin-top:-25px;}
.joint-index .owl-prev{ left:-30px}
.joint-index .owl-next{ right:-30px}
.joint-index .owl-dots{ margin-top:10px}
.joint-index .owl-dot{ width:6px; height:6px; margin:0 4px}

 
.nav-index .bd .classify h3{ margin-bottom:5px}
.nav-index .bd .classify li{ line-height:20px; margin-bottom:8px;}
.nav-index .bd .sub{ position:fixed;top:60px; bottom:0px; left:0; right:0; z-index:100; overflow-y:auto}
.nav-index .bd .brief{ display:none}
.nav-index .m-close{ position:fixed; width:32px; height:32px; border-radius:50%; z-index:1001; right:10px; bottom:10px; background:url(../images/ico-02.png) no-repeat center; background-size:100%}
} 

@media(max-width:1000px) {
.banner .owl-dots{ bottom:5px}
.banner .owl-dots .owl-dot{ width:10px; height:10px; margin:0 4px}
.banner .item{ height:350px; }
.banner.owl-carousel .owl-item img{ width:50%}
.banner .txt .t1{ font-size:30px}
.banner .txt .t2{ font-size:16px; margin-bottom:20px}
.banner .txt .more a{ font-size:14px; width:150px; height:35px; line-height:35px}
 
}
 
@media(max-width:768px) {
.banner .item{ height:240px !important; }  
}
@media(max-width:768px) {
.banner .item{ height:240px; }  
}


@media(max-width:640px) {
.nav-index .bd .title h3 {
    padding-left: 25%;
    font-size: 12px;
}}